<template>
    <div class = "navlist" >
    <div class = "navitem" >
    <router-link to = "/activity" >
    <p>
    <i class="iconfont icon-icon3"   style="color:#ff6239;" ></i><i class="iconfont icon-re-copy hot"></i> 
    </p>代理活动
    </router-link>
    </div>
    <div class = "navitem" >
    <router-link to = "/agent" ><p> <i class = "iconfont icon-dailishang" style = "color:#f69436;" ></i></p > 代理商 </router-link>
    </div >
    <div class = "navitem" >
      <router-link to = "/qinyou" ><p> <i class = "iconfont icon-qun" style ="color:#f69436;" ></i> </p >亲友群 </router-link> </div >
      <div class = "navitem" ><router-link to = "/userstatic" ><p > <i class = "iconfont icon-tongjibaobiao" style = "color:#14be80;" ></i> </p >统计报表 </router-link>
    </div >
    <div class = "navitem" ><router-link to = "/my" >
    <p> <i class="iconfont icon-gerenshezhi" style = "color:#f69436;" ></i> </p >个人设置  </router-link>
    </div>


    </div>
</template >

<script>
  export default {
    name: "navlist",
    methods: {}
  };
</script>


<style lang="scss" scoped>
  .navlist {
    font-size: 0;
    .navitem {
      width: 33.3%;
      display: inline-block;
      text-align: center;
      a {
        font-size: 14px;
        display: block;
      }
      p {
        position: relative;
        i {
          font-size: 60px;
        }
        i.hot {
          position: absolute;
          color: #e92322;
          font-size: 45px;
          top: -25px;
          right: -12px;
        }
        margin: 10px;
      }
    }
  }
</style>

<style lang="scss" scoped>
  .navlist {
    font-size: 0;
  }
</style>